<template>
  <div>
    <van-sticky>
      <van-nav-bar
        title="不凡"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </van-sticky>
    <div style="padding: 0 10px">
      <div class="p1">意见与反馈</div>
<div class="xian"></div>
      <van-field
        v-model="message"
        rows="3"
        autosize
        label="留言"
        type="textarea"
        maxlength="150"
        placeholder="请填写你的意见和反馈"
        show-word-limit
        border:true
   
      />
    </div>
<div class="xian"></div>


<van-cell-group>
  <van-field v-model="value" label="联系方式:" placeholder="邮箱/手机号/微信号" />
</van-cell-group>
<div class="xian"></div>


<div class="button">提交</div>

  </div>
</template>

    <script>
export default {
  data() {
    return {
      message:'',
      value:'',
    };
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {
    onClickLeft() {
      //   this.$router.push({
      //    name: "Feedback"
      //   });
      this.$router.go(-1);
    },
  },
};
</script>

    <style scoped lang="scss">
.p1 {
  color: #000;
  font-size: 12px;
  padding: 10px 0;
  height: 17px;
  text-align: left;
}
.xian{
    background-color: rgb(236, 236, 236);
    height: 1px;
}

.button{
    text-align: center;
    width: 95%;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
    background: #b4282d;
    color: #fff;
    font-size:16px;
    margin: 50px auto 0 auto;
}
</style>
